﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Maps.aspx.cs" Inherits="Reporte_monitoreo_dispatch_Maps" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 	   
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 	
  <title><%= IdiomaCultura.getMensaje(IdiomaCultura.WEB_TITULO) %></title>
      <meta http-equiv="Cache-Control" content="no-cache"/>
    <meta http-equiv="expires" content="-1" />
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&<%=ManagerConfiguration.getCodeCountryGMaps() %>"></script> 	 
 <script type="text/javascript" src="<%=Request.ApplicationPath%>/UtilWeb/Script/keydragzoom.js"></script>
  
  <script type="text/javascript"> 	   
 
  var map;
   function initialize() {
    var myLatlng = new google.maps.LatLng(<%= HttpUtility.HtmlEncode(Request.QueryString["latitud"].ToString()) %>,<%= HttpUtility.HtmlEncode(Request.QueryString["longitud"].ToString()) %>);	 
     map.setCenter(myLatlng, 4);
    var myOptions = {
      zoom: 4,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    map.enableKeyDragZoom(); 
   
    var marker = new google.maps.Marker({
        position: myLatlng, 
        map: map, 
        title:"Hello World!"
    });
    google.maps.event.addListener(marker, 'click', function() {
      map.setZoom(8);
    });
  }
	</script> 	
	
</head>
	<body style="margin:0px; padding:0px;" onload="initialize()"> 	   
	<div id="map_canvas" style="width:100%; height:100%"></div> 	   
	</body> 
</html>
